<html>
<head>
    <!--<script src="{SITE_URL}public/js/jquery.min.js" type="text/javascript"></script>-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="{SITE_URL}public/bootstrap/js/bootstrap.min.js"></script>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="{SITE_URL}public/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="{SITE_URL}public/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="{SITE_URL}theme/sample/base.css" />
    {if  $GLOBALS['TS_URL']['app']=='home' && $GLOBALS['TS_URL']['ac']=='index'}
    <meta name="keywords" content="{$GLOBALS['TS_SITE'][site_key]}" />
    <meta name="description" content="{$GLOBALS['TS_SITE'][site_desc]}" />
    {else}
    {if $sitekey}<meta name="keywords" content="{$sitekey}" /> {/if}
    {if $sitedesc}<meta name="description" content="{$sitedesc}" /> {/if}
    {/if}
    <!--微信抓取缩略图-->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        /*
         * 注意：
         * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
         * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
         * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
         *
         * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
         * 邮箱地址：weixin-open@qq.com
         * 邮件主题：【微信JS-SDK反馈】具体问题
         * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
         */
        wx.config({
            debug: false,
            appId: '{php echo $signPackage["appId"]}',
            timestamp: '{php echo $signPackage["timestamp"]}',
            nonceStr: '{php echo $signPackage["nonceStr"]}',
            signature: '{php echo $signPackage["signature"]}',
            jsApiList: [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'onMenuShareQZone'
                // 所有要调用的 API 都要加到这个列表中
            ]
        });

        wx.ready(function () {
            wxOnShare();
        });

        function wxOnShare() {
            var title = "{if $GLOBALS['TS_URL']['app']=='home' && $GLOBALS['TS_URL']['ac']=='index'}{$GLOBALS['TS_SITE']['site_title']} - {$title}{elseif $GLOBALS['TS_URL']['app']=='home' && $GLOBALS['TS_URL']['ac']!='index'}{$title}{elseif  $GLOBALS['TS_URL']['app']!='home' && $GLOBALS['TS_URL']['ac']=='index'}{$GLOBALS['TS_APP']['appname']}_{$GLOBALS['TS_SITE'][site_title]}{else}{$title}{/if}";
            var desc = "快来玩这个小游戏，看有多少位微澜小读者与你姓名拼写相同";
            var link = location.href.split('#')[0];
            var imgUrl = "{$cover}";
            wx.onMenuShareAppMessage({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl,
                trigger: function (res) {
                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
            wx.onMenuShareTimeline({
                title: title,
                link: link,
                imgUrl: imgUrl,
                trigger: function (res) {
                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
        }
    </script>

    <title>{$title}</title>
</head>
<body style="height:1600px;text-align:center;background:url({SITE_URL}public/images/same{if !$myname}1{else}2{/if}.png) top  center no-repeat;background-size:100% auto ">
<div>
{if $myname}
    <div style="padding-top: 23%;font-size: 45px;color:white;line-height:100px ">
        与{$myname}姓名缩写相同的有<br/>
        <div style="font-size: 80px">
        {$count}位
        </div>
    </div>
    <div style="padding-left:12%;padding-top:5%;font-size: 45px;width:88%;color:#f99da0;line-height:80px;text-align: left;height: 18% ">
        {$same}<br/>
        <small>(为保护隐私，对姓名做了技术处理。)</small>
    </div>
    <div style="padding-top:14%;padding-left:40%">


        <img src="{SITE_URL}public/images/99.png" style="width: 200px;">
    </div>
    <div style="padding-top:6%;font-size: 45px;color:white;line-height:100px ">
<a href="{$url}" class="btn btn-default" style="width: 30%;height: 100px;color:#f99da0;font-size: 60px;border-radius:20px" >我也试试</a>
    </div>
{else}

<div style="padding-top: 70%;font-size: 70px;color: white;line-height:100px ">
    <form id='form1' action="http://park.sanzhi.org.cn/" >
        <input type="hidden" name="app" value="article">
        <input type="hidden" name="ac" value="same">

        输入你的姓名<br/>
        <input type="text" id="myname" name="myname" value="" style="width: 42%;color:black;height: 80px;font-size: 40px;text-indent: 1em;padding:1"><br/>
        <div style="padding-top: 30px">
            <input type="submit" class="btn btn-default"  value="查询一下" style="width: 23%;height: 80px;color:#f99da0;font-size: 40px;border-radius:20px"><br/>
        </div>

        <style>
            .div-inline{ display:inline-block}
        </style>
        <div style="padding-top:5%;padding-left:40%">


            <img src="{SITE_URL}public/images/99.png" style="width: 200px;">
        </div>


    </form>
</div>

{/if}
</div>
</body>
</html>












